// ---------------------------------------------------------------------------
//Copyright (C) 2008-2011 Nokia Corporation and/or its subsidiary(-ies).
//All rights reserved.
//Contact: Nokia Corporation (qt-info@nokia.com)

//You may use the files in this folder under the terms of the BSD
//license as follows:

//Redistribution and use in source and binary forms, with or without
//modification, are permitted provided that the following conditions are
//met:
//  * Redistributions of source code must retain the above copyright
//    notice, this list of conditions and the following disclaimer.
//  * Redistributions in binary form must reproduce the above copyright
//    notice, this list of conditions and the following disclaimer in
//    the documentation and/or other materials provided with the
//    distribution.
//  * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
//    the names of its contributors may be used to endorse or promote
//    products derived from this software without specific prior written
//    permission.

//THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
//"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
//LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
//A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
//OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
//SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
//LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
//DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
//THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
//(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
// ---------------------------------------------------------------------------

import QtQuick 1.1
import com.nokia.meego 1.0
import "../js/UIConstants.js" as Ui


Item {
    id: root

    property alias title:  titleText.text
    property alias points: karmaPoints.text
    property int marging: 20

    signal clicked

    height: 80
    //width: 500
    anchors.left: parent.left
    anchors.right: parent.right

    Grid {
        id: grid
        columns: 2
        spacing: 10

        anchors.left: parent.left
        anchors.right: parent.right

        Label {
            id: titleText            
            font.pixelSize: Ui.FONT_LARGE
            styleColor: "#000000"
            width: parent.width-karmaPoints.width
        }

        Label {
            id: karmaPoints;
            font.pixelSize: Ui.FONT_LARGE
            width: 50
        }
    }

    Rectangle{
        anchors.top: parent.bottom
        color: "#8f00ff"
        height: 2
        width: parent.width
    }


    MouseArea {
        id: mouseArea
        anchors.fill: grid
        onClicked:{
            root.clicked();
        }
    }

}
